<template>
  <div class="list">
    <Item v-for="todo in todos" :key="todo.id" :todo="todo"></Item>
  </div>
</template>

<script>
import Item from './item';

export default {
  name: 'list',
  props: {
    todos: {
      type: Array,
      default: () => ([]),
    },
  },
  components: {
    Item,
  },
  data() {
    return {
      show: false,
    };
  },
};
</script>
